Tools Development 

at Ubisoft 

Building a Shared Vision 

to improve the 

User Experience 











MIGS 

- lO* "'EDITION — 

GDC 

EUROPE 



Continuous 

Improvement 







Snake 




Tree 





Rope 








Who are we building 

this for? 




How does the interface 

work? 




What is it like to use? 






Tips that 
anyone 

can use 




ASSASSINS 

— CREED — 


Unity 




ux 

Experts 

& 

Tools 

Team 


Let's begin... 





Who are we building 

this for? 




Beginner & Artistic 


Intermediate & Multi 

disciplined 


Power User & Technical 



"When we design 
for 



oc 





really well 



More features 


better 



iRiver H300 


Media Formats 

FM Tuner 

USB On-The-Go 

A-B Loop Button 

Two Headphone Jacks 

Voice Recording 

View Text Files 
Display 



Apple iPod 







- Steve Jobs 


"How am I 
going to fit 

7 " 



Asking the 



"Are these 



10 minutes per 

hour 


2 users 


5 minutes per 
hour 


8 users 


Audience Participation 



X 


■i Object Library 





Show Hidden Object 

Filter 

| Add Object 

Add Template 

fhumbnail 

S 





. J 


* Enemies 


Bruiser 
GunGuy 
Blocker 
Collectibles 
* Trees 

Trees_01 

Trees_02 

Trees_03 



Expand All 

Collapse All 



□ Disable Extensions 







■g 

Object Library 

_ n 




r 


1 

Add Object 

Menu ▼ 

[ 

Q 




L 


J 


* Enemies 


Bruiser 
GunGuy 
Blocker 
Collectibles 
* Trees 

Trees_01 

Trees_02 

Trees_03 




Add Object 




Search 














Don't listen to users... 


- Jakob Nielsen 


To really understand 
what users do, 


instead of doing 
focus groups and surveys 


!(§)$*&%*! 




!(§)$*&%*! 



!(§)$*&%*! 



!@$*&%*! 

















Clone Options 




□one action 


Amount 




per minute 



Grey- box 

per 


day 



per 


Average 







Intern Programmer 




Knowing who the 

and the 


Q gives you the biggest ROI when 



.sJflJxJ 


rdit Help 



Currently installed Anvil version: N/A 
Click Install to install Anvil version V971 


To install a different build, dick More Packages. 


Release Notes V971 


Fixed Issues 


Issue 

OSB- 

39145 

OSB- 

44404 

OSB- 

44072 

OSB- 

28749 

OSB- 

27804 

OSB- 

44475 

OSB- 

44247 

OSB- 


Fixed by 

Changelist 

aturcotte 

471120 

mlheureux 

471048 

Rserafino 

470968 

suillaunie riby 

470965 


gujUaumeiibv 470965 


icauthier 

4*0885 

icauthier 

470885 


Summary 

Angel - SyncTag doesn't get mirrored when animation is mirrored 
[3C]Player is able to open car doors from the opposite side of the car 
[prog MP] m coop we need a better way to identify' local player pawn in domino 
{Animation] IDLE - Explosion Death 
[Animation] RUN - Explosion Death 

[Unspawn Operator]Object Variable connect with this operator should be able to browse squads list 
DOMINO - Operators that use SquadDescs as Variables end tip empty 


JU 


.u: 4 j u~\.i . .l:..* i * a 


More Packages | 


Zl 

Custom lnstal... | | Install | 






Appearance 


X 


R6 Installer 

Options Dependencies Help 
t Currently installed Anvil build : VI 640 

Current Approved Anvil Build 

V1642.1 

^ INSTALL 

More Packages Custom Install 


Close 




More Packages 


Custom Install 


Current Approved Anvil Build 


V1642.1 


^ INSTALL 


More Packages Custom Install 


Close 








B R6 Installer Appearance . X 

Options Dependencies Help 


SUCCESS 


Build : C856559_V1657 
Plaform : PC 
Branch : main* 


. R6 Installer Appearance 

Options Dependencies Help 


ERROR 


Build : C856559_V1657 
Plaform : PC 
Branch : ’main* 

Installation could not be completed! Ail files were restored to their previous 
state. 

LOG HLE : 

Your Support Team has been noticed of the Error. 

Thank you! 


Qui 



You're 

make everybody happy 




"...there probably isn't 

a better way..." 





mmmmma ia Ji ii&a. 


. 

'We howc. WWfcta> 
lc\o’ Scene. 




ndtei^e^ cw+ 

Uoft'.t ' Scc-i-'C. 

< iCCcJs cl 
rtbeilwa cva 
H s p>arf 


Bt«g ‘ 3 > 

3 \\W Wt(c\s 

^w.nsVvvvuj 


KeWflTC fpCiunn 

to b-* r-i chu- 


cheuc bTg.s 

I CH| 5 " fi A » 
scene ft*" ft.v 1 
Switches et - 
/flmehess. 


I i'i o}\f See '> '<-■■ 

[ Hie current Ows 


dumb. 









_ llk p 


rr 


jJ^ur - ' 


^J 




u> 


Cj^ a c L<yf^ 


/vwv*-<r 


.,^ a /,^, v " 


GW " L -r \ / 



IcadiePCa -password al234567 -silentmode -matchkey acadiePCa -nomouse -nomultipad -norumble -RenderProfile_Fullscreen 0 -invasionsAlwaysOn -no 


Hat er ialRe sour ce : "graphics\_inaterials \ adamdudley-m-04 12 2 01263313114. mat 


gr aphics\ _mater ials\ adamdudley-m-05 12 2 01248651828. mat 


erial.bin" (0xD77DC 


Hater ialRe source: "graphics\_materials\ adamdudley-m-03 12201251137567. material .bin" (0xCC6C 


graphics'^ _mater ials\ adamdudley-m-05 12 2 0 12 48 65 182 8 .material .bin 


(0XD77DC 


graphics\_materials\ adamdudley-m-03 12201251137567 .material .bin" (0xCC6C 


als\ adamdudley-m-04 12 2 012 63 3 13 114 .mater ial .bin" (0x92 6BI 


Hater ialRe source : "gr aphics\ _mater i 


als\ adamdudley-m-05 12 2 012 48 65 182 8 .material .bin" (0xD77DC 


gr aphics\ _mater ials\ adamdudley-m-03 12201251137567 .material .bin" (0xCC6C 


ihics\ _tex t ur es\ sky\ p lane\ c louds_0 la_d . xbt" sh 
iture ) 

ihics\ _tex tur es\ sky\ r ing\ sunnyday_cumulus_b_0 1 
n the near future) 

ihics\_textures\ sky\ r ing\ sunse t_c ir r ostr atus_b 
n the near future) 


xbt" should not have 


rerride // 

// Set to 0 to hide, set to 1 to show 
f Set to 0 to hide, set to 1 to show 

>le // Set to 0 to deactivate, set to 1 to activate 
>verride // 

le // Set to 0 to hide, set to 1 to show 



If Ally vl.1.0.5 : localhost 


ratsl 


Connect 


] • 


Not Connected 


Host: 


localhost 




Command Buttons 


Console Variables Debug Kits Teleport ] OnGameplay Log 


Filter: 

\*\ * Felony 


Tout nuit 

Tout jour 

Tout sans heure 

chase debug 

Agentiist 

Guns 

Playerpos 

Progression max 

Stage 2 

Stage 3 

Road network on 

Roadnetwork off 

Roadblock box 

Heat ♦ 110 

Heat - 110 

Restrict lanes 

Chasejnfo 

Driving mission 

Hell show path 

Airfield 

Envhour 23 

Envhour 12 

Grenades/Lure 

ShowNPC 

Shownpc detail 

Offroad off 

Speed 

Moto 

Tires Invincible 

Car invincible on 

Car invincible off 

LKP 

felonykill 

Suppress chopper 

scan circle 

Partir A03M03 

Vigil + reinforce 

raycast onfoot 

auto traffic lights 

Force spawn amb 

Tous les guns 

CL 02 

HP car civils on 

HP car civils off 

Add 25 skill 



1 2 1 v Inventory 
| ± | v Main Missions - Act 1 
| Jl | v 1 Progression 
|^| v Spawn Vehicles 


Sync Data 


Make Button 


Reload Controls 


Expand All 


Coliapse All 


Send 




► 






Task 

Flow 



Action (1 second) 



TOTAL = 45 seconds 



Action (1 second) 

Action (^second) 

Action (5 seconds) 

♦ 

Action (3 second) 

Action (^seconds) 

TOTAL = 9 seconds 



How does the interface 

work? 





o 

o 





<sr 

<sr 





L 

C:\Program FH«\Ubtsof!\FaceBuildef\2.00 B* 


^.TECHNOLOGY GROUP 

fw UBISOFT 



I 


15 30 45 5 60 

00 : 0000.000 0000:01000 00:0001500 % 000002000 

i i ▼ i II i 

C 





Filter 





Filter & 
Search 


Search 













I 1 

Cancel 

L 


S 

OK 






OK 


I 

Cancel 




OK & 

Cancel 








"Clicking 

on 

eggshells" 





^TECHNOLOGY GROUP 

Jw UBISOFT 



Search/ 

Find 








Toggle 

camera 



Capture 
a video 



Intuitive 





MOUSING AROUND 

The pointer (small arrow) on your screen is controlled by the mouse 
attached to your Macintosh. Os you moue the mouse on a flat 
surface, the pointer on the screen moues with it. 



Already 

Learned 


Not Yet 

Learned 





ice Participation 


IT'S A TRi 
3 Remarl 
to Avoid 


Pnr* DrKP RvwffYto' 
Mtdkxli 

%*» UU» Dwgr RPMlWCtM* 



ommon Ul Traps and How 
\n Your Designs 

















Design guidelines 

can make your tool 

easier to learn 

and 

more efficient to 
implement and use 



Design Patterns 


Elements of Reusable 


Object-Orient 


Erich Gamma 
Richard Helm 
Ralph Johnson 
John Vlissides 


Foreword by Grady Booch 


COmpi 


Solution 


Problem 


Context 


■3 Windows Dev Center - Desktop v 

DASHBOARD GET STARTED DESIGN DEVELOP CERTIFY 
Guidelines Visual index Glossary 


* Windows 

Window Management 


\ Dialog Boxes 


Window Frames 
Dialog Boxes 
Common Dialogs 


Is this the right user interface? 
Design concepts 
Usage patterns 
Guidelines 


Wizards 

Property Windows 


General 

Modal dialog boxes 
Modeless dialog boxes 
Multiple dialog boxes 








OK 


Cancel 








4 






















Photoshop 

Color Swatches 




Illustrator 

5 wst c he? Brushes 5ym he Is 

T~~ 




Premiere 

Info li History <][’ 





After Effects 

!! Info x Audio 

¥ = 




Flash 

Properties Library 






Photoshop 


Illustrator 
Premiere 
After Effects 


Flash 


Acquired (Knoll Brothers) 


Acquired (SuperMac) 
Acquired (CoSA / Aldus) 


Acquired (Macromedia) 


Greenland 



u . i 

O ✓ 

QO United States 6> 9 

$ og o 


Norfb 

Atlantic 

Ocean 


ft 


Venezuela 
Colombia 


( 


Petu 


ith 

ific 


Chi 


•-••• *< - - - . 

Brazil 

Bolivia 

a 9fb 




o r>* 

Argentina 




rinland 


Iceland 


\ 


. r f 



'ok&nd 


Sr* ^ 


£ 


t: 


Turkey 



r a*9m»« 

' K 


X 


• ' ' ' r 

».«. 

** pi P * k,, “ no 


South ■“»*" 
Korea 


Mali Niger juucm 

Nigeria Ethiopia 

; Vi ~r~\ "7 


Arabia 


Sudan 


South 

Atlantic 

Ocean 


- 

OR Congo *2" 

Tanzania 

JjF 

'^ la Madagascar 

Botswana 


Indonesia 


> 

\ 

s 


’ 

« 


'JF 


/ 

t 

s 


Angola 


PaDua New 
Guinea 


Namibia 


Indian 

Ocean 


o 

South 


Australia 


Africa 




N 

Ps 

O 


\ 











Save Cancel 


Start Typing fo Filter by Mime 


Start typing to filter.. 








What is it like to use? 




"The only time the users do 

this is when..." 


"All users prefer to 
do it this way..." 

LJ 


"The users only do this 
during pre-production..." 



Big Picture 


We think about 

features 



Users think about 

outcome 



Not talking about 

the 

same thing 



Visualizing 



<gr 

<gr 





Waiting too long 

to 

get user feedback 



0 




Audience Participation 












Mockups 

are a 

quick and inexpensive 

way to 

get user feedback 

on your tool 

sooner 






Introduction to User-Centered Design 











Never gonna 

make you cry 
Never gonna 

say goodby 


urn 




NEVER 

GONNA 

SAY 



A4 


B4 


D4 


B4 


A5 


GOODBYE 
E#5 F5 


1 








■S Windows Dev Center - Desktop v 

DASHBOARD GET STARTED DESIGN DEVELOP CERTIFY 
Guidelines Visual index Glossary 





■S Windows Dev Center - Desktop v 

DASHBOARD GET STARTED DESIGN DEVELOP CERTIFY 
Guidelines Visual index Glossary 










The context 

in which a tool is used can 

help us find 
simpler ways 

for users to 

achieve their goals 



ASSASSIN'S 

—CREED 


Unity 




[ L*1 Reftdmng OpMM 


•I ll 1 


P r o »»rti»« mty bf Mdrn by your 


. Display 

Region layout 
Region a«oitf ante system 

- Dnpby rqM 

F*ght Saging 
F«ght strategies info 
Fight str ateg as steering info 
. Onpby - Fight Events / Strategies 
Ftf< Nne .'ifo 
Granada vO**y mfo 
Doubt* attatty counter lull mfo 
General Fight tr*nt mfo 
Safe positions mfo 

- Display - level Design 
Crowd regions 

Crowd regions • Use Waver 2 
Crowd regions connectivity 
Crowd regions blob 

- Display - Physics 
Rg-0 bo tm 

- MM 

Show Allegiances 





XDDDD D 

MX_PRETnj 


Q ,] MORE $ 


X[ 

CiLO 

X , 

MORE $ 

! Atl_PR£TT\} ; ▼ 

Found 3 results foe "Gto‘ 

Hr @ Global Illumination (Cbl-Alt-G) 

El 



★ L 4 ? G * ow Distance 
☆ l*** Shader Glossiness Level 

i'° i ■ i » i 





ASSASSINS 

• CREED ^ 

Unity 





Receive Email 


Copy Text 

Open Render Options 
Paste Text in Filter 
Adjust Value 



ASSASSINS 

rt CREED J 

Unity 








Receive Email 





ASSASSIN'S 

—CREED 


UNITY 









anvil:// 








Interactive Prototypes 

& Mockups 



Scene A 


No selection 



Show by Track Type | ▼ 


Actor 


Body 


Facial 


’V Properties 


Property A 


Property B ^ 







Summary 


Who are we building 

this for? 




To really understand 
what users do, 


instead of doing 
focus groups and surveys 















AJ 


^ iUr-n 4 ' 

W-Af-tr^ 


Cv * c to7^ 


/WV*-<r 


.,^a/ .t’clif 


t:-p± /$$& 




Knowing who the 

and the 


Q gives you the biggest ROI when 



More Packages 


Custom Install 


Close 


How does the interface 

work? 




Design guidelines 

can make your tool 

easier to learn 

and 

more efficient to 
implement and use 








t 1 

Cancel 


r 

OK 


















What is it like to use? 




Mockups 

are a 

quick and inexpensive 

way to 

get user feedback 

on your tool 

sooner 




The context 

in which a tool is used can 

help us find 
simpler ways 

for users to 

achieve their goals 



mt\ 

Paste 

Calibri (Body) T 11 ^ K fC 

B I U :E - jE - tW ~=W 

m 

Names 

| Attach File 
K-ij * 1 Attach Item T 

T Follow Up T 
? High Importance 

Zoom 

J 

- £ - m m m ft 


Signature T 

ijr Low Importance 

Clipboard | 

BasicText 

1 1 

Include 

Tags 

Zoom 


0 £3 
& 0 


IS 

Send 



Subject: 


Hey Francis, 


to 


Updated scene 


s 


I just merged mocap and facial data into this scene. 





Continuous 

Improvement 


How to do this 

consistently? 




I H 1GV^ 




!°°ls 


Start with 




Start with the 

UX Guidelines 


■5 Windows Dev Center - Desktop v 

DASHBOARD GET STARTED DESIGN DEVELOP CERTIFY 
Guidetines Visual index Glossary 



Make a mockup 
Show it to your users 
Iterate & Repeat 








Thank YOU for sharing 
this vision with me 


m m 




:>, CRC Press 

l+fStx f r<r* is Group 
AN A K PETERS BOOK 


Designing 
the User 
Experience, 
of Game 
Development 
Tools 


' |1 




rarin 



mi 


TO 


^tsry'M 

Tmrnmi 
■ ■■■< 
■■■■■ 


■JJU 

MJJ»J 


DAVID LIGHTBOWN 


WWW.DAVIDLIGHTBOWN.COM 


Tools Development 

at Ubisoft 

Building a Shared Vision 

to improve the 

User Experience 


